<template>
  <div 
    class="button-group" 
    :class="{
      'button-group__ghost': ghost
    }">
      <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'button-group',
  props: {
    /**
     * 是否为幽灵按钮
     */
    ghost: {
      type: Boolean
    }
  }
};
</script>


<style lang="scss" scope>
  @import '../assets/style/config';
  @import '../assets/style/mixins/common';
  .button-group{
    padding:0 1rem;
  }
  .button-group__ghost button{
    color:$color;
    background:none;
  }
</style>
